11 Juni 2024

Do’a Belajar

Outline

  • Gestalt Principle Introduction
  • Law of Proximity
  • Law of Similarity
  • Law of Continuation
  • Law of Common Region
  • Law of Common Fate
  • Law of Figure Ground

Gestalt Principle Introduction

Sejarah Getstalt

Gestalt Principle ditemukan psikolog Jerman pada awal abad ke-20. Seperti:
    • Max Wertheimer,
    • Kurt Koffka, dan
    • Wolfgang Köhler.

Mereka percaya bahwa manusia didasarkan prinsip yang mengatur bagaimana kita melihat objek dan hubungan di antara objek tersebut.

Apa itu Gestalt Principle?

Gestalt Principle adalah aturan persepsi manusia yang menggambarkan cara manusia mengatur elemen yang:

    • Mirip satu sama lain,
    • Mendeteksi pola, dan
    • Memperjelas gambar rumit saat kita melihat objek.

Contoh Gestalt Principle

Contoh Gestalt Principle (cont.)

Contoh Gestalt Principle (cont.)

Mengapa Gestalt Principle?

Adanya gestalt principle pada desain, maka:

    • User tidak perlu berpikir
    • User tidak perlu menebak
    • Menyesuaikan dengan ekspektasi pengguna

Benefit Gestalt Principle pada UI/UX

Berikut adalah beberapa manfaat penerapan prinsip Gestalt pada UI/UX:

    • Meningkatkan kemudahan penggunaan
    • Meningkatkan pengalaman pengguna
    • Meningkatkan keterbacaan

Macam Gestalt Principle

Law of Proximity

Apa itu Law of Proximity?

Law of Proximity adalah prinsip desain grafis yang menyatakan bahwa elemen-elemen yang berdekatan cenderung dianggap sebagai satu kesatuan.

Contoh Gestalt Principle

Contoh Gestalt Principle (cont.)

Contoh Gestalt Principle (cont.)

Law of Similarity

Apa itu Law of Similarity?

Law of similarity menyatakan bahwa kita cenderung melihat objek yang memiliki kesamaan visual sebagai satu kesatuan.

Kesamaan visual ini dapat berupa:
    • Ukuran,
    • Bentuk, atau
    • Warna.

Contoh Law of Similarity

Contoh Law of Similarity (cont.)

Contoh Law of Similarity (cont.)

Law of Continuation

Apa itu Law of Continuation?

Law of Continuation menyatakan bahwa kita cenderung melihat objek yang mengikuti pola atau arah yang sama sebagai satu kesatuan.

Pola atau arah ini dapat berupa
    • Garis,
    • Kurva, atau
    • Gerakan.

Contoh Law of Continuation

Contoh Law of Continuation (cont.)

Contoh Law of Continuation (cont.)

Law of Common Region

Apa itu Law of Common Region?

Law of Common Region merupakan prinsip yang mirip dengan proximity. Memberikan pernyataan bahwa objek yang berdekatan memiliki grup yang sama.

Tetapi apabila ada border maka dianggap sebagai grup yang berbeda.

Contoh Law of Common Region

Contoh Law of Common Region (cont.)

Contoh Law of Common Region (cont.)

Law of Common Fate

Apa itu Law of Common Fate?

Law of common fate digunakan dalam motion design untuk mengarahkan mata pengguna dan menghubungkan konten dengan tindakan yang dipicu.

Prinsip ini juga berlaku pada menu:
    • Bersarang,
    • Dropdown, dan
    • Akordeon.

Contoh Law of Common Fate

Contoh Law of Common Fate (cont.)

Contoh Law of Common Fate (cont.)

Law of Figure Ground

Apa itu Law of Figure Ground?

Law of Figure Ground memungkinkan mata manusia dengan mudah membedakan objek pada berbagai tingkat fokus, memungkinkan kita secara intuitif mengidentifikasi elemen- elemen di depan dan di belakang.

Contoh Law of Figure Ground

Contoh Law of Figure Ground (cont.)

Contoh Law of Figure Ground (cont.)